<!--
 * @Author: Wang WeiHao
 * @Date: 2024-01-11 17:58:03
 * @LastEditors: Wang WeiHao
 * @LastEditTime: 2024-03-11 17:29:42
 * @Description: 
 * @FilePath: \hmcs_map\src\views\undergrond\fjsrfgc\list.vue
-->
<template>
    <CustomTable :field-list="useFields().underGroundDefenseProjectFiield" :table-data="tableData" height="85%" >
       <template #length="slotProps">
     <div class="text-center" style="font-family:' DIN-Bold';color: rgba(0, 194, 255, 1);">
       {{ slotProps.row.length }}
     </div>
   </template>
 </CustomTable>
</template>

<script setup lang='ts'>
import { useFields } from '@/hook/useFields';
const tableData = ref([
{
   projectName:'项目24',
   type:'地道工程',
   area:'23',
   use:'民用',
},
{
    projectName:'项目21',
   type:'地道工程',
   area:'23',
   use:'民用',
},
{
    projectName:'孔口防护工程',
   type:'地道工程',
   area:'63',
   use:'民用',
},
{
    projectName:'给水排水工程',
   type:'堆积式工程',
   area:'15',
   use:'民用',
},
{
    projectName:'防水工程',
   type:'掘开式工程',
   area:'21',
   use:'民用',
},

]);
</script>

<style>

</style>